/*
Theme Name: Wide Range Lite
Theme URI: https://gracethemes.com/themes/free-full-screen-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Wide Range Lite is a beautifully designed, intuitive and attractive, engaging and dynamic, powerful and accessible, gorgeous and flexible free full screen WordPress theme. This theme is specifically developed for creating all types of full width websites. It is particularly powerful when used to create your professional photojournalism websites. Wide Range is perfect for landing pages, photography, digital marketing company, portfolio, personal blog or any other websites.   Demo Link: https://www.gracethemes.com/demo/wide-range/

Version: 1.3
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wide-range-lite
Requires PHP:  5.2
Tested up to: 5.4.2
Tags:blog,two-columns,right-sidebar,wide-blocks,full-width-template,custom-colors,custom-menu,custom-header,custom-logo,footer-widgets,featured-images,editor-style,custom-background,threaded-comments,theme-options, translation-ready

Wide Range Lite WordPress Theme has been created by Grace Themes(gracethemes.com), 2019.
Wide Range Lite WordPress Theme is released under the terms of GNU GPL
*/
*{ margin:0; padding:0; outline:none;}
*, *:before, *:after{margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; line-height:24px; margin:0; padding:0; color:#cbcbcb; font-size:14px; font-family: 'Open Sans', sans-serif;}
body.custom-background{ background-attachment:fixed !important; background-size:cover!important; background-repeat:no-repeat!important; background-position:center top!important;}
img{ border:none; margin:0; padding:0; height:auto; max-width:100%;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0; max-width:100% !important;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#efc62c;}
a:hover{ color:#111;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}

/*
Lists style CSS
-------------------------------------------------------------*/
ul,ol { margin:0; padding: 0;}
ul {list-style: inside none disc;}
ol {list-style: decimal;}
ul li,ol li {margin-bottom: 0;	margin-left: 1.5em;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}
audio:not([controls]) {	display: none;height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
a {	background-color: transparent;	-webkit-text-decoration-skip: objects;}
a:active, a:hover {outline-width: 0;}
b, strong {	font-weight: inherit;}
pre {background: #ddd;font-size: 14px;	font-size: 0.9375rem;line-height: 1.4;margin-bottom: 1.6em;	max-width: 100%;overflow: auto;	padding:20px;}
iframe{max-width:100%;}
nav.pagination{ clear:both;}
#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
nav.pagination .page-numbers{ background-color:#ccc; padding:10px 15px; font-size:15px; font-weight:600; color:#444;}
nav.pagination .page-numbers.current{background-color:#efc62c;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}

.alignnone{ width:100%;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
figcaption,figure{	display: block;}
figure {margin: 1em 0;}
blockquote{ background-color:rgba(255,255,255,0.5); border-left:5px solid #22c7cd; padding:15px 15px 15px 40px; color:#fff; line-height:1.5; margin-bottom:30px;}
blockquote p{ margin-bottom:0 !important;}
hr {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;	height: 0;	overflow: visible;}
.textwidget select{ width:100%;}
.tagcloud a{ font-size:12px !important; color:#fff; border:1px solid #fff; padding:5px 12px; margin:0 5px 5px 0; display:inline-block;}
.tagcloud a:hover{ border:1px solid #fff;}
table{ width:100%}

h1,h2,h3,h4,h5,h6{ font-family: 'Roboto Condensed', sans-serif;  color:#fff; margin:0 0 20px; padding:0; font-weight:600; line-height:1.1; }
h1.entry-title{ font-weight:bold; margin-bottom:35px;}
h1{ font-size:35px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}


/*
Main site CSS
-------------------------------------------------------------*/
#sitewrap{ width:1250px; margin:auto; position:relative; z-index:99999;}
.site_content_layout{ float:right; width:77%;}
#site_content_style{ background-color:rgba(0,0,0,0.8); padding:35px;}



#layout_wrapper{ width:1250px; margin:0 auto; position:relative; z-index:999;}
/*Logo CSS*/
.logo{ padding:15px; position:relative; z-index:999999; text-align:center;}
.logo h1{font-weight:600; margin:0px; text-transform:uppercase; font-size:26px;}
.logo h1 span{ color:#22c7cd; display:inline-block;}
.logo a{color:#fff;}
.tagline{ font-size:13px; color:#828181; display:block; }


/* = social icons css
-------------------------------------------------------------- */
.header-socialicons{ text-align:center;}
.header-socialicons a{ width:20px; height:40px; line-height:40px; text-align:center;  vertical-align:middle; display:inline-table; padding:0 8px 0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#d9d9d9; }
.header-socialicons br{ display:none;}
.header-socialicons a:hover{ color:#111; }
/*header menu css*/
.toggle{display: block;}
.toggle a{width:45px; height:45px; position:absolute; top:27px; right:0; color:#fff; background:url(images/mobilenav.png) no-repeat right center; padding:0; margin:0; font-size:16px; text-align:left; z-index:9999999; display:none; }
.toggle a:hover{color:#d9d9d9 !important;}
.header{width:100%; z-index:9999; background-color:#e4e4e4; box-sizing:border-box; position:absolute; }
.sitenav{ padding:0; position:relative; z-index:9999; }
.sitenav ul {margin:0; padding:0; font-size:15px; font-weight:500; }
.sitenav ul li{ position:relative; border-bottom:1px #888 solid; list-style:none; margin:0; padding:0;}
.sitenav ul li:last-child{border-right:none;}
.sitenav ul li a{padding:10px 0; display:block; text-align:center; color:#cbcbcb;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; border-bottom:1px #888 solid;}
.sitenav ul li ul li a{display:block; position:relative; top:1px; text-align:left;  padding:9.7px 20px;}

.sitenav ul li ul{display:none; z-index:9999999; position:relative; background-color:rgba(0,0,0,0.8);}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:250px; top:0; text-align:left; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0; }
.menuleft{ float:left; width:250px; position:fixed; padding:0; box-sizing:border-box; z-index:999; }
.menupanelbg{ background-color:rgba(0,0,0,0.8); padding:15px 0; }

.menu-bottom {    
	  background-color:rgba(0,0,0,0.8);
      display: inline-block;
      height: 30px;    
      position: relative;
      width: 250px;
	  padding-top:25px;
    }
.menu-bottom:before {     
	  border-top:70px solid rgba(0,0,0,0.8);
      border-left: 125px solid transparent;
      border-right: 125px solid transparent;
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      top: 30px;
      width: 0;
    }
#menu-bottom-shape{ background:url(images/menu-bottom-up.png) no-repeat top; width:44px; height:44px; margin:0 auto; cursor:pointer; text-align:center; position:relative; z-index:9999; }
#menu-bottom-shape.showDown{background-image:url(images/menu-bottom-down.png); }

/*Slider */
.slider_section{ position:relative; background-color:rgba(0,0,0,0.8); padding:10px; margin-bottom:10px;}
.last_column{clear:right; margin-right:0 !important; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #efc62c; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ float:right; width:28%;}
aside.widget{ margin-bottom:30px; }
aside.widget ul{ list-style:disc; margin:0; padding:0; }
h3.widget-title{ font-weight:600; margin:0 0 20px; color:#cbcbcb; font-size:20px; position:relative; text-transform:uppercase; }
#sidebar ul li{ list-style:none; margin:0; margin-bottom:2px; padding:7px 0 7px 0; }
#sidebar ul li a{ color:#cbcbcb; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:before{font-family: "Font Awesome 5 solid"; content: "\f30b"; font-size:12px; margin-top:0; font-style:normal; font-weight:400; padding-right:10px;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#fff; width:80%; padding: 13px 15px 13px 15px; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #efc62c; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}

/* = Page layout css
-------------------------------------------------------------- */
.wrt_content_wrapper{ width:65%; margin:0; float:left; padding:0 0 30px; }
.wrt_content_wrapper ul, .wrt_content_wrapper ol{ margin:0 0 20px 20px; }
.wrt_content_wrapper ul li, .wrt_content_wrapper ol li{ margin:0; }
.wrt_content_wrapper ul ul, .wrt_content_wrapper ol ol{ margin:0 0 0 30px; }

.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}
.nosidebar{ float:none  !important; margin: auto;}



.blogpost_layout{ margin:0 0 40px 0;}
.blogpost_layout .blogpost_imagebx{ float:left; width:35%; margin:0 5% 20px 0;}
.blogpost_layout .blogpost_imagebx img{ height:auto;}
.blogpost_layout h3, h3.single-title{ margin-bottom:10px; font-size:18px; font-weight:400;}
.blogpost_layout h3 a{ color:#fff;}
.blogpost_layout h3 a:hover{ color:#efc62c;}
.blogpost_layout p{ margin-bottom:0;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.blogpost_date, .post-comment, .post-categories, .post-author, .edit-link{ display:inline; color:#fff; font-weight:600; font-size:14px; margin:0 10px 0 0;} 
.single_title{ margin-bottom:5px;}
body.single-post .blogpost_layout { width:100%; float:none; margin:0; }
.blogpost_layout .blogpost_imagebx.singlepostimg{ float:none; width:auto; margin:0 0 20px 0;}

.blogpost_meta{margin-bottom:20px; display:inline-block; color:#999; }
.blogpost_meta a{color:#999;}
.blogpost_meta a:hover{color:#e74c3c;}
.breadcrumbs{padding:10px 0; margin-bottom:0;}

/* = Footer css
-------------------------------------------------------------- */
.footer-wrapper{  background-color:rgba(0,0,0,0.8); padding:0; position:relative; color:#cbcbcb; margin:5px 0;}
.copyright-txt span{color:#efc62c;}
.footer_hold{ padding:0 30px;}
.wp_powerd_by{ float:left; text-align:left;}
.gt_design_by { float:right; text-align:right;}
.gt_design_by a:hover{color:#999;}

.footer-wrapper h5{ margin:0 0 30px 0; font-size:22px; color:#cbcbcb; text-transform:uppercase; }
.footer-wrapper .widget{ padding:40px 0 20px;}

.footer_copywrapper{  background-color:rgba(0,0,0,0.8); color:#cbcbcb; position:relative; text-align:center; padding:25px 0; }
.footer_copywrapper a:hover{ color:#fff;}

.widget-column-1{ width:35%; float:left; margin:0 5% 0 0; }
.widget-column-2{ width:27.5%; float:left; margin:0 5% 0 0; }
.widget-column-3{ width:27.5%; float:left; margin:00; }

.footer-wrapper ul{ margin:0; padding:0; list-style:none;}
.footer-wrapper ul li { padding:0 0 15px 0; margin:0; color:#8a8989; line-height:22px;}
.footer-wrapper ul li:before{font-family: "Font Awesome 5 solid"; content: "\f30b"; font-size:12px; margin-top:0; font-style:normal; font-weight:400; padding-right:10px;}


.footer-wrapper ul li a { color:#cbcbcb; }
.footer-wrapper ul li a:hover, .footer-wrapper ul li.current_page_item a { color:#f2b23d; }



/* Buttons */
.button{  border:1px solid #404040; color:#404040; padding:10px 30px; display:inline-block; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; }
.button:hover{ border:1px solid #22c7cd; color:#22c7cd; }

/* = Contact Form 7 css
-------------------------------------------------------------- */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#efc62c; width:auto; border:none; cursor:pointer; font:18px/22px 'Open Sans',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; 
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#theme_content_navigator[tabindex="-1"]:focus {
  outline: 0;
}


/* = Comment Form css
-------------------------------------------------------------- */
h1.screen-reader-text{font:22px 'Open Sans',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{ font-size:20px;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}

/* Comment styles */
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}
#commentform input#submit{ background-color:#32373a; border:none; padding:12px 25px; color:#fff; display:inline-block; cursor:pointer; border-radius:20px; text-transform:uppercase;}
#commentform input#submit:hover{background:#000; color:#fff;}
.form-allowed-tags{display:none;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px Oswald; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;}
.entry-content p{ margin-bottom:30px;}
.commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;}
.commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;}
.commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;}
.commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;}
.commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;}
.commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;}
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;}
img.avatar { vertical-align:middle; position:static; display:inline-block;}
.commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic; }
.commentlist, ol.commentlist p { font-size:14px;}
.commentlist .reply span, ol.commentlist .reply span { display:none;}
.commentlist .reply a, ol.commentlist .reply a { display:block;	padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;}
.comment-author.vcard{display:inline-block; margin-right:15px;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}


/* = WooCommerce plugin Compatible CSS
-------------------------------------------------------------- */
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea, .woocommerce form .form-row input.input-text{border:1px #ccc solid; padding:7px;}

form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

.woocommerce .quantity .qty{ padding:7px; border:1px solid #ccc;}
.woocommerce-Price-amount.amount{font-size:14px !important;}
.woocommerce div.product .product_title{ padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}

/* = Navigation Focus CSS
-------------------------------------------- */

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
a:focus {
	
	outline: thin dotted #22c7cd;
}